<template>
  <div id="app">
    <Head></Head>
    <Middle></Middle>
    <Foot></Foot>
  </div>
</template>

<script>

import Head from "./components/Head"
import Middle from "./components/Middle"
import Foot from "./components/Foot"
export default {
  name: 'App',
  components: {
   Head,
   Middle,
   Foot
  }
}
</script>

<style lang="less">
*{
  margin: 0;
  padding: 0;
  list-style: none;
}
</style>
